﻿<!DOCTYPE html>
<html class="pixel-ratio-1">

<head>
    <meta charset="utf-8" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
    <meta name="viewport" content="width=375, user-scalabe=no">
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <script src="../../../../public/vendor/flexible/flexible.js"></script>
    <title>工作汇报</title>
    <link rel="stylesheet" type="text/css" href="../../../../public/vendor/weui/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../../public/css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../../../public/css/iconfont/iconfont.css" />
    <link rel="stylesheet" href="../../../../public/vendor/weui/jquery-weui.css">
    <link rel="stylesheet" href="../../../../public/css/mybusiness/workreport/workreportmain.css">
    <style>
        html {
            height: 100%;
        }

        .weui-half-screen-dialog {
            max-height: 100%;
            height: 100%;
        }

        .weui-half-screen-dialog__bd {
            height: 60%;
        }

        input,
        input:focus,
        textarea,
        textarea:focus,
        select,
        select:focus {
            font-size: 16px !important;
        }
    </style>
    <script type="text/x-template" id="report-contents-item-template">
        {{~ it.list :value:index}}
          <div class="report-contents-item-box">
              <div class="contents-item-box-title">
                  {{=value.value}}
              </div>
              {{~ value.entries :_value:_index}}
                    <div class="weui-cell user-wrap items">
                        <div class="weui-cell__hd" style="margin-right : 8px">
                            <img id="imgHeadImgUrl" src="../../../../public/static/images/other/pic_default_headimg.png" width="60px" />
                        </div>
                        <div class="weui-cell__bd report-item" myid="{{=_value.id}}" >
                            <div style="display:flex">
                                <div class="contents-item-box-contents-title">
                                    <span >{{=_value.reporterName}}的{{=it.format[_value.reportType] || ''}}</span>
                                </div>
                                <div class="contents-item-box-contents-time">
                                    <div >{{=it.dateForMat(_value.createTime)}}</div>
                                </div>
                            </div>
                            <div class="report-contents">
                                {{=_value.contents}}
                            </div>
                        </div>
                      </div>
                      {{? (it.isEdit && _value.allowEdit)}}
                      <div style="display : flex;    margin: 0 16px;border-top: 1px solid #e6e6e6;">
                         <span class="operation-button" data-flag="table-click-edit" data-id="{{=_value.id}}"> <i class="icon iconfont icon-snh6-edit-no-border icon-font-size-24" style="font-size: 24px;" aria-hidden="true"></i><span class="operation-button-text">编辑</span></span>
                         <span class="operation-button" data-flag="table-click-delete" data-id="{{=_value.id}}"> <i class="icon iconfont icon-snh6-linear-delete icon-font-size-24" style="font-size: 24px;" aria-hidden="true"></i><span class="operation-button-text">删除</span></span>
                      </div>
                      {{?}}
              {{~}}
          </div>
        {{~}}
    </script>
</head>

<body>
    <!-- <div class="weui-tab">
        <div class="weui-tab">
            <div class="weui-tab__panel" style="background-color: rgb(241, 241, 241)">
                <div id="write-work-report" class="weui-tab__bd-item"></div>
                <div id="look-work-report" class="weui-tab__bd-item" style="display: none;"></div>
            </div>
            <div class="weui-tabbar" id="main-tabbar" style="background-color:white">
                <div id="work-report-auction" href="#write-work-report" data-counterpart="#look-work-report"
                    class="weui-tabbar__item " style="padding: 0;">
                    <i class="icon iconfont icon-edit-linear icon-font-size-24" style="font-size: 24px;"
                        aria-hidden="true"></i>
                    <p class="weui-tabbar__label">写工作汇报</p>
                </div>
                <div id="look-report-auction" href="#look-work-report" data-counterpart="#write-work-report"
                    class="weui-tabbar__item" style="padding: 0;">
                    <i class="icon iconfont icon-snh6-look-report icon-font-size-24" style="font-size: 24px;"
                        aria-hidden="true"></i>
                    <p class="weui-tabbar__label">看工作汇报</p>
                </div>
            </div>
        </div>
    </div> -->
    <div class="weui-tab">
        <div class="weui-tab__panel">
            <div id="write-work-report" class="weui-tab__bd-item" style="display: none;"></div>
            <div id="look-work-report" class="weui-tab__bd-item"></div>
        </div>
        <div class="weui-tabbar" id="main-tabbar">
            <div id="work-report-auction" href="#write-work-report" data-counterpart="#look-work-report"
                class="weui-tabbar__item " style="padding: 0;">
                <div class="writeReport"><i class="icon iconfont icon-add-line icon-font-size-24 icon-click"
                        style="font-size: 50px;color: aliceblue;" aria-hidden="true"></i></div>
            </div>
            <div id="look-report-auction" href="#look-work-report" data-counterpart="#write-work-report"
                class="weui-tabbar__item" style="padding: 0;display: none;">
                <p class="weui-tabbar__label"></p>
            </div>
        </div>
    </div>

    <!-- 汇报对象... -->
    <div id="report-contact" class="weui-popup__container" style="z-index:9999999">
        <div class="weui-popup__overlay"></div>
        <div class="weui-popup__modal">
            <!-- 你的内容放在这里... -->
            <div class="page" tabindex="-1" id="contact-auction">
                <div class="weui-search-bar" id="searchBar" style="position:fixed;top:0; width: 100%;z-index: 10;">
                    <div id="searchdiv" role="combobox" aria-haspopup="true" aria-expanded="false"
                        aria-owns="searchResult" class="weui-search-bar__form">
                        <form class="weui-search-bar__form">
                            <div class="weui-search-bar__box">
                                <i class="weui-icon-search"></i>
                                <!-- <div class="weui-search-bar__input" id="searchInput"></div> -->
                                <input type="search" aria-controls="searchResult"
                                    class="weui-search-bar__input ios-input-adjustment" id="searchInput"
                                    placeholder="请输入员工姓名、工号..." required="">
                                <a href="javascript:" role="button" title="清除" class="weui-icon-clear" id="searchClear"
                                    wah-hotarea="touchend"></a>
                            </div>
                            <label for="searchInput" class="weui-search-bar__label" id="searchText"
                                wah-hotarea="touchend"
                                style="transform-origin: 0px 0px; opacity: 1; transform: scale(1, 1);">
                                <i class="weui-icon-search"></i>
                                <span aria-hidden="true">搜索</span>
                            </label>
                        </form>
                    </div>
                    <a href="javascript:" role="button" class="weui-search-bar__cancel-btn" id="searchCancel"
                        wah-hotarea="touchend">取消</a>
                </div>
                <div style="overflow-y: auto; margin-top: 40px; height: calc(100vh - 88px);" id="iscroll">
                    <div class="weui-cells weui-cells_checkbox" id="content">
                    </div>
                </div>
                <div class="weui-search-bar" style="position:fixed;
              bottom:0;width: 100%; text-align:right !important;z-index: 10; ">
                    <a href="javascript:" role="button" class="weui-btn weui-btn_mini weui-btn_default weui-wa-hotarea"
                        id="cancelSub" style="margin-left: 0;padding: 5px 45px;">取消</a>
                    <a href="javascript:" role="button" class="weui-btn weui-btn_mini weui-btn_primary weui-wa-hotarea"
                        id="subEmployees" style="margin-right: 0;padding: 5px 45px;">确定(0)</a>
                </div>
            </div>
        </div>
    </div>

    <div id="receive-report-contact" class="weui-popup__container" style="z-index:9999999">
        <div class="weui-popup__overlay"></div>
        <div class="weui-popup__modal">
            <!-- 你的内容放在这里... -->
            <div class="page" tabindex="-1" id="receive-contact-auction">
                <div class="weui-search-bar" id="receive-searchBar" style="position:fixed;
              top:0; width: 100%;z-index: 10;">
                    <div id="receive-searchdiv" role="combobox" aria-haspopup="true" aria-expanded="false"
                        aria-owns="searchResult" class="weui-search-bar__form">
                        <form class="weui-search-bar__form">
                            <div class="weui-search-bar__box">
                                <i class="weui-icon-search"></i>
                                <!-- <div class="weui-search-bar__input" id="searchInput"></div> -->
                                <input type="search" aria-controls="searchResult"
                                    class="weui-search-bar__input ios-input-adjustment" id="receive-searchInput"
                                    placeholder="请输入员工姓名、工号..." required="">
                                <a href="javascript:" role="button" title="清除" class="weui-icon-clear"
                                    id="receive-searchClear" wah-hotarea="touchend"></a>
                            </div>
                            <label for="searchInput" class="weui-search-bar__label" id="receive-searchText"
                                wah-hotarea="touchend"
                                style="transform-origin: 0px 0px; opacity: 1; transform: scale(1, 1);">
                                <i class="weui-icon-search"></i>
                                <span aria-hidden="true">搜索</span>
                            </label>
                        </form>
                    </div>
                    <a href="javascript:" role="button" class="weui-search-bar__cancel-btn" wah-hotarea="touchend"
                        id="receive-searchInput-cancel">取消</a>
                </div>
                <div style="overflow-y: auto; margin-top: 40px; height: calc(100vh - 88px);" id="receive-iscroll">
                    <div class="weui-cells weui-cells_checkbox" id="receive-content">
                    </div>
                </div>
                <div class="weui-search-bar" style="position:fixed;
              bottom:0;width: 100%; text-align:right !important;z-index: 10; ">
                    <a href="javascript:" role="button" class="weui-btn weui-btn_mini weui-btn_default weui-wa-hotarea"
                        id="receive-subEmployees-cancel" style="margin-left: 0;padding: 5px 45px;">取消</a>
                    <a href="javascript:" role="button" class="weui-btn weui-btn_mini weui-btn_primary weui-wa-hotarea"
                        id="receive-subEmployees" style="margin-right: 0;padding: 5px 45px;">确定</a>
                </div>
            </div>

        </div>
    </div>
    <script type="text/javascript" src="../../../../public/vendor/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="../../../../public/vendor/vue/vue.min.js"></script>
    <script type="text/javascript" src="../../../../public/vendor/moment/moment.min.js"></script>
    <script type="text/javascript" src="../../../../public/vendor/weui/jquery-weui.min.js"></script>
    <script type="text/javascript" src="../../../../public/vendor/weui/weui.js"></script>
    <script type="text/javascript" src="../../../../public/js/common/iosadaptation.js"></script>
    <script type="text/javascript" src="../../../../public/js/config/utils.js"></script>
    <script type="module" src="../../../../public/js/features/biz/workreport/workreportmain.js"></script>

</body>

</html>